<template>
   
  <div>
    <Button disabled>Default</Button>
    <Button disabled type="primary">Primary</Button>
    <Button disabled type="success">Success</Button>
    <Button disabled type="info">Info</Button>
    <Button disabled type="warning">Warning</Button>
    <Button disabled type="danger">Danger</Button>
  </div>
  <div>
    <Button disabled plain>Plain</Button>
    <Button disabled plain type="primary">Primary</Button>
    <Button disabled plain type="success">Success</Button>
    <Button disabled plain type="info">Info</Button>
    <Button disabled plain type="warning">Warning</Button>
    <Button disabled plain type="danger">Danger</Button>
  </div>
</template>

<script setup lang="ts">
import Button from "@/components/Button/Button.vue";

</script>

<style scoped>
div {
  margin: 15px 0px;
}
</style>